$(function() {
    loaddata();
    $("#title").on("keydown", function(event) {
        if (event.keyCode === 13) {
            //读取本地存储
            var localdata = getdata();
            if ($(this).val() != '') {
                localdata.push({ title: $(this).val(), done: false })
                savedata(localdata);
                loaddata()
            }

        }
    })

    function getdata() {
        var data = localStorage.getItem("mydolist")
        if (data != null) {
            return JSON.parse(data)
        } else {
            return []
        }
    }

    function savedata(data) {
        localStorage.setItem("mydolist", JSON.stringify(data));
    }

    function loaddata() {
        var data = getdata();
        $("ol,ul").empty();
        var todonum = 0;
        var donenum = 0;
        $.each(data, function(i, n) {
            if (n.done == true) {
                $("ul").prepend("<li><input type='checkbox' checked='checked' > <p>" + n.title + "</p> <a href='javascript:;' num='" + i + "'></a></li>")
                donenum++;
            } else {
                $("ol").prepend("<li><input type='checkbox'> <p>" + n.title + "</p> <a href='javascript:;' num='" + i + "'></a></li>")
                todonum++;
            }
        })
        $("#todocount").text(todonum);
        $("#donecount").text(donenum);
    }

    $("ol, ul").on("click", "a", function() {
        var mydata = getdata();
        var number = $(this).attr("num");
        // console.log(number);
        mydata.splice(number, 1);
        savedata(mydata);
        loaddata();
    })



    $("ol, ul").on("click", "input", function() {
        var mydata = getdata();
        var num = $(this).siblings("a").attr("num");
        // console.log(num);

        // console.log(mydata[num]);
        // console.log(mydata);
        mydata[num].done = $(this).prop("checked");
        // console.log(mydata[num].done);
        savedata(mydata);
        loaddata()
    })



})